  * {
      margin: 0;
      padding: 0;
  }
  body {
      width: 100%;
      height: 100%;
      background-color: #F5F5F5;
  }
  a {
    text-decoration: none;
}
  .big {
      width: 100vw;
      height: 2.5rem;
      background: url('../images/my/bg1.png');
      background-size: cover;
      position: relative;
      border-bottom: 0.02rem solid red;
  }
  .big1 {
        width: 90vw;
        margin: 0 auto;
        display: flex;
        justify-content: end;
        font-size: 0.14rem;
        padding-top: 0.1rem;
  }
  .big1>div {
      margin-left: 0.2rem;
      text-align: center;
  }
  
  .my {
        font-size: 0.16rem;
        color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        text-align: center;
  }
  .my>img {
      transform: scale(0.8);
  }
  .my>span {
      border: 2px solid white;
      padding: 0.1rem 0.3rem;
      margin-top: 0.1rem;
      display: block;
  }

  .main {
    width: 100vw;    
    background-color: white;
    margin-top: 0.1rem;
  }
  .main>ul {
        width: 90%;
        font-size: 0.14rem;
        margin: 0 auto;
        list-style: none;
  }
  .main>ul>li {
      /* margin-top: 0.2rem; */
      border-bottom: 0.02rem solid #999;
      padding: 0.2rem 0;
  }
  .main>ul>li>span {
        padding-left: 0.1rem;
  }
  .main>ul>li>img {
      float: right;
      transform: scale(0.8);
  }
  .main>ul>li:nth-of-type(1)::before {
      content: url('../images/my/icon1.png');
  }
  .main>ul>li:nth-of-type(2)::before {
      content: url('../images/my/icon2.png');
  }
  .main>ul>li:nth-of-type(3)::before {
      content: url('../images/my/icon3.png');
  }
  .main>ul>li:nth-of-type(4)::before {
      content: url('../images/my/icon4.png');
  }